import React, { Component } from 'react';

class StockList extends Component {
    render() {
        return (
            <div className="stocks-wrap">
                <dl className="stock-list">
                    <dt>
                        <div>明星股涨幅 <i className="arrow"></i></div>
                    </dt>
                    <dd>
                        <div>
                            <p>特斯拉</p>
                            <p><span className="red">SH</span> TSLA.O</p>
                        </div>
                        <div>286.2</div>
                        <div className="red">+10.00%</div>
                    </dd>
                    <dd>
                        <div>
                            <p>特斯拉</p>
                            <p><span className="red">SH</span> TSLA.O</p>
                        </div>
                        <div>286.2</div>
                        <div className="red">+10.00%</div>
                    </dd>
                    <dd>
                        <div>
                            <p>特斯拉</p>
                            <p><span className="red">SH</span> TSLA.O</p>
                        </div>
                        <div>286.2</div>
                        <div className="green">-10.00%</div>
                    </dd>
                    <dd>
                        <div>
                            <p>特斯拉</p>
                            <p><span className="red">SH</span> TSLA.O</p>
                        </div>
                        <div>286.2</div>
                        <div>0.00%</div>
                    </dd>
                </dl>
            </div>
        );
    }
}

export default StockList;